<template>
  <div class="myResume">
         <el-card>
           <div class="topImg">
              <el-image 
                   style="width:100%;height:100%"
                   :src="url" 
                  :preview-src-list="url.split(',')"
                   >
              </el-image>
           </div>
           <div class="midSummary">
               做一个自律的人
           </div>
           <el-divider></el-divider>
           <div class="font">

             <div class="prise" @click="prise">
                <span>点赞</span>
                <svg t="1598348592057" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2148" width="32" height="32"><path d="M523.048421 948.170105L200.919579 626.041263a35.031579 35.031579 0 1 1 49.55621-49.55621L523.048421 849.057684l343.363368-343.363368a175.292632 175.292632 0 1 0-247.915789-247.91579l-67.368421 67.368421a35.031579 35.031579 0 0 1-49.556211-49.55621l67.368421-67.368421a245.301895 245.301895 0 0 1 346.893474 346.920421z" fill="#83D2EA" p-id="2149"></path><path d="M519.491368 948.170105L126.571789 555.250526A245.301895 245.301895 0 0 1 473.492211 208.330105l70.790736 70.790737a35.031579 35.031579 0 0 1-49.475368 49.529263l-70.790737-70.790737a175.292632 175.292632 0 1 0-247.915789 247.91579l343.363368 343.363368 272.599579-272.572631a35.031579 35.031579 0 0 1 49.556211 49.55621z" fill="#208BB5" p-id="2150"></path></svg>
             </div>
             
            <div class="prise" @click="payCode">
                <span>打赏</span>
                <svg t="1598348986784" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2549" width="32" height="32"><path d="M831.697 424.131c-39.6-47.569-92.335-85.335-153.756-110.382l110.237-211.018A26.562 26.562 0 0 0 752.03 67.05l-148.28 79.939-91.886-76.925c-9.868-8.261-24.236-8.261-34.103 0l-95.084 79.603-150.773-40.641a26.563 26.563 0 0 0-29.615 39.437l105.719 174.038c-56.189 26.32-104.154 63.66-139.922 109.197-43.577 55.478-66.611 120.176-66.611 187.1 0 46.369 10.882 91.305 32.342 133.558 20.528 40.418 49.81 76.628 87.032 107.626 75.575 62.938 175.761 97.599 282.102 97.599 106.341 0 206.527-34.661 282.102-97.599 37.223-30.998 66.505-67.208 87.032-107.626 21.46-42.254 32.342-87.189 32.342-133.558 0.001-70.194-25.149-137.51-72.73-194.667zM502.951 904.458c-192.081 0-348.352-128.146-348.352-285.659 0-108.289 75.905-208.061 194.074-256.112a26.428 26.428 0 0 0 12.502-3.822c12.301-7.472 16.346-23.331 9.303-35.768a26.407 26.407 0 0 0-1.879-3.173l-86.461-142.335 100.069 26.974a26.564 26.564 0 0 0 23.964-5.28l88.641-74.208 88.641 74.208a26.564 26.564 0 0 0 29.656 3.014l87.864-47.367-84.108 161c-0.103 0.197-0.178 0.4-0.275 0.598-0.229 0.468-0.452 0.94-0.655 1.426a25.77 25.77 0 0 0-0.472 1.226c-0.093 0.257-0.208 0.501-0.294 0.763-0.052 0.157-0.081 0.315-0.129 0.472a26.39 26.39 0 0 0-0.384 1.406c-0.099 0.395-0.197 0.79-0.277 1.186-0.091 0.453-0.161 0.906-0.228 1.361-0.063 0.429-0.127 0.857-0.169 1.285-0.039 0.407-0.06 0.813-0.08 1.219-0.024 0.475-0.047 0.949-0.046 1.422 0.001 0.36 0.02 0.718 0.036 1.077 0.022 0.51 0.047 1.018 0.098 1.523 0.034 0.332 0.085 0.66 0.131 0.989 0.072 0.518 0.148 1.034 0.25 1.545 0.066 0.33 0.15 0.654 0.228 0.98 0.119 0.495 0.239 0.988 0.386 1.474 0.105 0.35 0.23 0.692 0.349 1.037 0.155 0.448 0.31 0.894 0.489 1.332 0.153 0.376 0.327 0.743 0.497 1.112 0.181 0.392 0.36 0.785 0.56 1.168 0.205 0.392 0.43 0.772 0.655 1.154 0.204 0.346 0.403 0.694 0.623 1.031 0.249 0.384 0.519 0.754 0.789 1.126 0.233 0.321 0.463 0.642 0.71 0.953 0.279 0.35 0.576 0.685 0.874 1.022 0.278 0.315 0.554 0.629 0.848 0.931 0.29 0.298 0.595 0.581 0.9 0.866 0.34 0.318 0.68 0.634 1.038 0.934 0.288 0.241 0.588 0.47 0.887 0.7 0.407 0.314 0.818 0.622 1.246 0.914 0.291 0.198 0.592 0.383 0.893 0.571 0.455 0.284 0.915 0.561 1.391 0.819 0.128 0.07 0.244 0.152 0.374 0.22 0.217 0.113 0.441 0.196 0.659 0.303 0.435 0.212 0.872 0.418 1.322 0.608 0.445 0.188 0.893 0.355 1.343 0.517 0.232 0.083 0.451 0.187 0.686 0.264 133.148 43.718 219.184 147.867 219.184 265.334 0.001 157.514-156.269 285.66-348.351 285.66z" fill="#E75934" p-id="2550"></path><path d="M622.1 624.223c14.67 0 26.563-11.892 26.563-26.563s-11.892-26.563-26.563-26.563h-68.91l54.861-63.802c9.564-11.124 8.301-27.895-2.824-37.459-11.12-9.564-27.892-8.302-37.459 2.822l-54.253 63.096-52.296-62.779c-9.388-11.272-26.139-12.797-37.41-3.408-11.272 9.389-12.797 26.138-3.408 37.41l53.411 64.119h-68.198c-14.67 0-26.563 11.892-26.563 26.563s11.892 26.563 26.563 26.563h81.016v23.906h-81.016c-14.67 0-26.563 11.892-26.563 26.563 0 14.67 11.892 26.563 26.563 26.563h81.016v26.563c0 14.67 11.892 26.563 26.563 26.563s26.563-11.892 26.563-26.563v-26.563H622.1c14.67 0 26.563-11.892 26.563-26.563 0-14.67-11.892-26.563-26.563-26.563h-82.344v-23.906H622.1z" fill="#E75934" p-id="2551"></path></svg>
             </div>
             
           </div>
         </el-card>
  </div>
</template>

<script>
import {priseArticleById} from '../../api/article'
import {getToken} from '../../utils/auth'
export default {
   data(){
     return{
       url:require('../../assets/avatar.png')
     }
   },
   methods:{
     payCode(){
       this.$emit("turnPay")
     },
     prise(){
        var token=getToken()
        var uid=JSON.parse(sessionStorage.getItem("articleInfo")).uid
        var param={}
        param.uid=uid
        param.token=token
        priseArticleById(param).then(res=>{
          this.$message.success(res.data)
        })
     }
   }
}
</script>

<style lang="less" scoped>
.myResume{
   /deep/.el-card__body{
     padding: 0;
   }
   .topImg{
     height: 250px;
   }
   .midSummary{
     color: #444444;
     font-size: 14px;
     font-weight: 550;
     text-align: center;
     margin-top: 20px;
   }
   .font{
     display:flex;
     justify-content: space-around;
     margin-bottom: 20px;
     .prise{
       cursor: pointer;
       display: flex;
       align-items: center;
       span{
         font-size: 14px;
         display: inline-block;
         margin-right: 5px;
       }
     }
   }
}
</style>